

.recharge-page{
  padding: $theme_padding;
  min-height: 100vh;
  background: $theme_bg_color;
}

.recharge-box{
  padding: $theme_padding 70px;
  background: #fff;
  border-radius: 10px;
  .type-item{
    flex: 1;
    height: 90px;
  }
  .type-item.active{
    font-weight: bold;
    .type-title:after{
      display: flex;
    }
  }
  .type-title{
    position: relative;
    &:after{
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: -20px;
      display: none;
      position: absolute;
      background: $app-check-color;
    }
  }

  .money-box{
    padding-top: 80px;
    padding-left: 160px;
  }
  .money-unit{
    font-size: 48px;
  }
  .money-input{
    width: 300px;
    height: 80px;
    font-size: 48px;
    text-align: center;
  }
  .placeholder{
    color: #D0D0D0;
    display: none;
    font-size: 80px;
  }

  .prompt-box{
    padding: 20px 0 50px;
  }
  .prompt-text{
    color: #999;
  }
  .balance-num{
    color: #F24646;
    padding-left: 10px;
  }

  .recharge-btn{
    color: $theme_text_color;
    width: 550px;
    height: 84px;
    font-size: 30px;
    background: $theme_color;
    border-radius: 90px;
    &:after{border: none;}
  }
  .recharge-btn[disabled]{
    color: #aaa;
    background: #f2f2f2;
  }
}